html {
  position: relative;
  height: 100%;
  font-size: 50PX;
}

* {
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transTeacher;
  font-family: "Microsoft YaHei", "苹方",Arial;
  outline: none;
}

ul, li {
  list-style: none;
}

a {
  color: #555;
  text-decoration: none;
}

a:focus, a:hover {
  text-decoration: none;
  color: #1976d3;
}

table, th, td {
  border-collapse: collapse;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}

i, cite, em, var, address, dfn {
  font-style: normal;
}

body {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0.28rem;
  background-color: #ffffff;
  color: #333333;
  font-style: normal;
  overflow-x: hidden;
}

input, button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  font-size: 0.28rem;

}
input::-webkit-input-placeholder { color:#446080; }
input:-moz-placeholder { color:#446080; }
input::-moz-placeholder { color:#446080; }
input:-ms-input-placeholder { color:#446080; }

textarea {
  color: #555;
}
.ha{ width: 100%; height: 100%; }
.swiper-container {
  width: 100%;
  height: 4.02rem;
}
.swiper-slide {
  height: 100%;
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper_pc{
  width: 100%;
  height: 100%;
  overflow: hidden;
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.swiper-pagination-bullet{
  width: 0.15rem;
  height: 0.15rem;
  background: #ffffff;
}
.swiper-pagination-bullet-active{
  background: #34bb95;

}
.container{
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  .title {
    font-size: 0.48rem;
    line-height: 0.66rem;
    margin-bottom: 0.3rem;
   /* padding-top: 0.34rem;*/
  }
  .time {
    font-size: 0.28rem;
    color: #999999;
    /*padding-bottom: 0.2rem;*/
    /*border-bottom: #e8e8e8 1px solid;*/
    margin-bottom: 0.4rem;
    span {
      margin-right: 0.27rem;
    }
  }
}
.paddingTop2{
  padding-top: 0.3rem;
}
.information{
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  padding-bottom: 0.4rem;
  .title{
    width: 100%;
    color: #000000;
    font-size: 0.34rem;
    margin-top: 0.3rem;
  }
  .infor{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.3rem;
    .Price{
      color: #407fcc;
      font-size: 0.38rem;
      span{
        font-size: 0.28rem;
      }
    }
    .reserve{
      color: #587190;
      font-size: 0.28rem;
    }
  }
}
.warmReminding{
  width: 100%;
  /*background: #2a2939;*/
  border-top:#f4f4f4 0.15rem solid;
  border-bottom: #f4f4f4 0.15rem solid;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  margin-bottom: 0.3rem;
}
.warm{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  .origin{
    width: 0.09rem;
    height: 0.09rem;
    padding-top: 0.2rem;
    padding-right: 0.2rem;
    div{
      width: 0.09rem;
      height: 0.09rem;
      border-radius: 100%;
      background: #f53333;
    }
  }
  .Reminding{
    flex: 1;
    color: #587190;
    font-size: 0.28rem;
    line-height: 0.48rem;
  }
}
.margin{
  margin-top: 0.95rem;
}
.Nav{
  position: relative;
  width: 100%;
  background: #ffffff;
  height: 0.65rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
  div{
    flex:1;
    text-align: center;
    height: 0.65rem;
    font-size: 0.3rem;
    color: #000000;
    margin-bottom: 0.03rem;
    span{
      display: inline-block;
      width: auto;
      line-height: 0.65rem;
    }
    .active{
      color: #1976d3;
      border-bottom: 3px solid #1976d3;
      margin-bottom: 0;
    }
  }
}
.Nav:after{
  content: "";
  position: absolute;
  transform-origin: 0 0;
  transform: scaleY(0.5);
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-bottom: #dddddd 1px solid;
}
.goodsInfor{
  width: 100%;
  /*padding-bottom: 1.08rem;*/
  .goodsInforList{
    width: 100%;
    padding-bottom: 0.2rem;
    .goodsHeading{
      width: 100%;
      height: 0.88rem;
      border-top:#f4f4f4 0.15rem solid;
     /* background: #2a2939;*/
      .container{
        height: 0.88rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        .Ellipse{
          width: 0.06rem;
          height: 0.26rem;
          border-radius: 0.03rem;
          background: #1976d3;
          margin-right: 0.15rem;
        }
        .inforTitle{
          font-size: 0.28rem;
          color: #000000;
        }
      }
    }
    .goodsContent{
     /* margin-top: 0.2rem;*/
      font-size: 0.28rem;
      color: #666666;
      line-height: 0.48rem;
    }
  }
  .goodsInforList:first-child{
    .goodsHeading{
      border-top:none;
      margin-top: auto;
    }
  }
}
.detailParameters,.Payment,.Delivery{
  position: relative;
  z-index: 100;
  .float{
    width: 100%;
    height: 0.88rem;
    display: block;
    position: absolute;
    top:-0.58rem;
  }
  .goodsContent{
    .warm{
      margin-top: 0.2rem;
    }
  }
}
.paymen{
  .copy{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0.3rem;
    color: #333333;
    div{
      input{
        width: 1rem;
        background: rgba(0,0,0,0);
        font-size: 0.28rem;
        color: #333333;
      }
    }
    .btn{
      display: block;
      width: 1.0rem;
      height: 0.48rem;
      border-radius: 0.06rem;
      background: #1976d3;
      text-align: center;
      line-height: 0.48rem;
      color: #ffffff;
      font-size: 0.26rem;
      margin-left: 0.2rem;
    }

  }
}
.Contact{
  .li{
    width: 100%;
    height: 0.48rem;
    display: flex;
    flex-direction: row;
    span{
      color: #000000;
      display: inline-block;
    }
    span:last-child{
      margin-left: 0.2rem;
    }
    span:first-child{
      width: 1.2rem;
      text-align: justify;
    }
    span:first-child:after{
      content: '.';
      width: 100%;
      display: inline-block;
      overflow: hidden;
      height: 0;
    }
  }
  .scanCode{
    margin-top: 0.2rem;
    img{
      margin-top: 0.4rem;
      display: block;
      margin-right: auto;
      margin-left: auto;
      width: 2.34rem;
      height: 2.34rem;
    }
  }
}
.detailParameters{
  .goodsContent{
    .parameters{
      line-height: 0.4rem;
      p{
        margin-top: 0.1rem;
        margin-bottom: 0.1rem;
      }
    }
  }
}
.commodityDetails{
  position: relative;
  z-index: 100;
  .float{
    width: 100%;
    height: 0.88rem;
    display: block;
    position: absolute;
    top:-0.45rem;
  }
  .goodsContent{
    img{
      width: 100%;
    }
  }
}
.operationBottom{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 1.08rem;
  border-top: #cecece 0.02rem solid;
  background: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  .operation{
    width: 65.6%;
    height: 100%;
    display: flex;
    a{
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #4b4b4b;
      p{
        width: 0.4rem;
        height: 0.4rem;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 0.1rem;
      }
      span{
        font-size: 0.2rem;
      }
    }
    .Tel{
      border-right: #cecece 0.02rem solid;
      p{
        background-image: url("https://res2.sanliwenhua.com/web/detail/image/0pc_01_.png");
      }
    }
    .Collection{
      border-right: #cecece 0.02rem solid;
      p{
        background-image: url("https://res2.sanliwenhua.com/web/detail/image/0pc_04_.png");
      }
    }
    .active{
      color: #1976d3;
      p{
        background-image: url("https://res2.sanliwenhua.com/web/detail/image/0pc_05_.png");
      }
    }
    .Share{
      p{
        background-image: url("https://res2.sanliwenhua.com/web/detail/image/0pc_02_.png");
      }
    }
  }
  .reserve{
    width: 34.4%;
    height: 100%;
    text-align: center;
    line-height: 1.08rem;
    font-size: 0.35rem;
    background: -webkit-linear-gradient(#89bbfd,#569ffb);
    background: -o-linear-gradient(#89bbfd,#569ffb);
    background: -moz-linear-gradient(#89bbfd,#569ffb);
    background: linear-gradient(#89bbfd,#569ffb);
    color: #ffffff;
  }
  .Telephone{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    line-height: 1.08rem;
    font-size: 0.35rem;
    background: -webkit-linear-gradient(#89bbfd,#569ffb);
    background: -o-linear-gradient(#89bbfd,#569ffb);
    background: -moz-linear-gradient(#89bbfd,#569ffb);
    background: linear-gradient(#89bbfd,#569ffb);
    color: #ffffff;
    img{
      width: 0.35rem;
      height: 0.35rem;
      margin-right: 0.1rem;
    }
  }
}
.padding{
  padding-bottom: 1.08rem;
}
.minerInformation{
  width: 100%;
  height: 1.9rem;
  background-color: #ffffff;
  display: flex;
  /*margin-bottom: 0.2rem;*/
  border-top: #f4f4f4 0.2rem solid;
  border-bottom: #f4f4f4 0.2rem solid;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  div{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    p{
      height: 0.28rem;
      margin-bottom: 0.2rem;
      color: #333333;
    }
    span{
      display: block;
      height: 0.28rem;
      color: #666666;
    }
  }
}
.EssentialInformation{
  width: 100%;
  background-color: #2a2939;
  height: 1.5rem;
  margin-bottom: 0.2rem;
  .container{
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    .EssentialInfor_01{
      display: flex;
      flex-direction: row;
      align-items: center;
      .header{
        width: 0.98rem;
        height: 0.98rem;
        border-radius: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0.2rem;
        img{
          width: 100%;
        }
      }
      .Essent{
        display: flex;
        flex-direction: column;
        justify-content: center;
        line-height: 0.6rem;
        span{
          font-size: 0.24rem;
          color: #cccccc;
          img{
            margin-left: 0.1rem;
            margin-right: 0.1rem;
            width: 1px;
            height: 0.24rem;
          }
        }
      }
    }
    .EssentialInfor_02{
      text-align: center;
      font-size: 0.24rem;
      color: #cccccc;
      img{
        width: 0.5rem;
      }
    }
  }
}
.abstract{
  width: 100%;
  /*background-color: #2a2939;*/
  border-top: 0.2rem #f4f4f4 solid;
  height: 3.2rem;
  padding-top: 0.2rem;
 /* padding-bottom: 0.2rem;*/
  /*margin-bottom: 0.2rem;*/
  .container{
    height: 100%;
    position: relative;
    .abstractContact{
      height: 1.8rem;
      overflow: hidden;
      line-height: 0.48rem;
      color: #666666;
    }
    .abstractMore{
      position: absolute;
      bottom: 0;
      width: 94.6%;
      height: 0.8rem;
      border-top: #ececec 0.02rem solid;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      color: #1976d3;
     /* background: #2a2939;*/
      img{
        width: 0.24rem;
        margin-left: 0.2rem;
      }
    }
  }
}
.guarantee{
  width: 100%;
  height: 1.1rem;
  color: #000000;
  position: relative;
  .container{
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    img{
      width: 0.49rem;
      height: 0.51rem;
      margin-right: 0.15rem;
    }
  }
}
.guarantee:after{
  content: "";
  position: absolute;
  transform-origin: 0 0;
  transform: scaleY(0.5);
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-bottom: #dfdfdf 1px solid;
}
.goodsipc{
  width: 100%;
  /*padding-bottom: 1.08rem;*/
  img{
    width: 100%;
  }
}
.Mask{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  top: 0;
  z-index: 10000;
  .Apply{
    width: 100%;
    height: 100%;
    position: relative;
    .hei{
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1;
    }
    ul{
      position: absolute;
      width: 100%;
      bottom: 0;
      z-index: 2;
      li{
        width: 100%;
        height: 0.98rem;
      }
      .App{
        padding-right: 0.2rem;
        padding-left: 0.2rem;
        background: #ffffff;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
      }
      .App:after{
        content: "";
        position: absolute;
        transform-origin: 0 0;
        transform: scaleY(0.5);
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        border-bottom: #e3e3e9 1px solid;
      }
      .AppTitle{
        justify-content: space-between;
        .tit{
          color: #333333;
          font-weight: bold;
          font-size: 0.28rem;
        }
        .close{
          width: 0.23rem;
          height: 0.23rem;
          margin-right: 0.2rem;
          background: url("https://res2.sanliwenhua.com/web/detail/image/0pc_03.png") center no-repeat;
          background-size: contain;
        }
      }
      .AppInput{
        display: flex;
        .inputHeader{
          width: 1.3rem;
          color: #333333;
          font-size: 0.28rem;
        }
        .region{
          flex: 1;
          padding-left: 0.2rem;
          display: flex;
          flex-direction: row;
          .reg{
            flex: 1;
            position: relative;
            div{
              width: 100%;
              position: absolute;
              color: #446080;
            }
            select{
              width:100%;
              opacity: 0;
              background: rgba(0,0,0,0);
            }
          }
        }
        .input_cc{
          display: flex;
          flex-direction: row;
          flex: 1;
          .obtainBtton{
            width: 2.08rem;
            height: 0.68rem;
            border-radius: 0.1rem;
            background: #1976d3;
            text-align: center;
            line-height: 0.68rem;
            color: #ffffff;
            font-size: 0.28rem;
          }
          .obtainBtton_active{
            background: #e7e7e7;
            color: #666666;
          }
          .tInput2{
            width: 3.62rem;
            height: 0.6rem;
            padding-left: 0.2rem;
            padding-right: 0.2rem;
            background: rgba(0,0,0,0);
          }
        }
        .tInput{
          flex: 1;
          height: 0.6rem;
          padding-left: 0.2rem;
          padding-right: 0.2rem;
          background: rgba(0,0,0,0);
        }
      }
      .AppButton{
        input{
          width: 100%;
          height: 100%;
          background: -webkit-linear-gradient(left,#5ea5ff,#2977db);
          background: -o-linear-gradient(left,#5ea5ff,#2977db);
          background: -moz-linear-gradient(left,#5ea5ff,#2977db);
          background: linear-gradient(left,#5ea5ff,#2977db);
          text-align: center;
          line-height: 0.98rem;
          font-size: 0.34rem;
          color: #ffffff;
        }
      }
    }
  }
  .Mask_n{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    .Scan{
      width: 5.78rem;
      height: 7.93rem;
      position: relative;
      border-radius: 0.1rem;
      background: #efefef;
      display: flex;
      flex-direction: column;
      align-items: center;
      /*justify-content: center;*/
      padding-top: 0.6rem;
      img{
        width: 4.1rem;
        height: 4.1rem;
      }
      p{
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.24rem;
        color: #333333;
      }
      .weixin{
        width: 4.1rem;
        height: 0.6rem;
        border-radius: 0.06rem;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: 0.25rem;
        text-align: center;
        line-height: 0.6rem;
        .weixin_t{
          width: 1.56rem;
          height: 100%;
          background: #b0bed9;
        }
        .weixin_h{
          width: 2.54rem;
          height: 100%;
          font-size: 0.28rem;
          text-align: center;
          color: #ffffff;
          background: #33cda7;
        }
      }
      .copyButton{
        width: 4.1rem;
        height: 0.82rem;
        border-radius: 0.41rem;
        background: -webkit-linear-gradient(left,#5ea5ff,#2977db);
        background: -o-linear-gradient(left,#5ea5ff,#2977db);
        background: -moz-linear-gradient(left,#5ea5ff,#2977db);
        background: linear-gradient(left,#5ea5ff,#2977db);
        color: #ffffff;
        font-size: 0.3rem;
        text-align: center;
        line-height: 0.82rem;
        margin-top: 0.4rem;
      }
      .close{
        position: absolute;
        width: 0.27rem;
        height: 0.27rem;
        top:0.2rem;
        right: 0.2rem;
        img{
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}
.titleInfor{
  width: 100%;
  height: 2.74rem;
  background: #31303f;
  margin-bottom: 0.2rem;
  .tit{
    width: 100%;
    height: 1.28rem;
    text-align: center;
    line-height: 1.28rem;
    font-size: 0.34rem;
    color: #4caa96;
  }
  .xian{
    width: 100%;
    height: 0.03rem;
    background: -webkit-linear-gradient(left,#277f7a,#6e9d73);
    background: -o-linear-gradient(left,#277f7a,#6e9d73);
    background: -moz-linear-gradient(left,#277f7a,#6e9d73);
    background: linear-gradient(left,#277f7a,#6e9d73);
  }
  .mineralsInfo{
    width: 100%;
    height: 1.43rem;
    .container{
      height: 100%;
      display: flex;
      div{
        flex: 1;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        p{
          color: #ffffff;
          font-size: 0.34rem;
          margin-bottom: 0.1rem;
        }
        span{
          font-size: 0.28rem;
          color: #cccccc;
        }
      }
    }
  }
}
.news{
  img{
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .p1{
    margin-bottom: 0.2rem;
  }
  .p2{
    margin-bottom: 0.4rem;
  }
}
.operat{
  width: 100%;
  position: fixed;
  bottom: 0;
  display: flex;
  height: 0.95rem;
  div{
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    line-height: 0.95rem;
    font-size: 0.3rem;
    color: #ffffff;
    img{
      margin-right: 0.1rem;
    }
  }
  .Tele{
    background: #1976d3;
    img{
      width: 0.3rem;
      height: 0.3rem;
    }
  }
  .WeChat{
    background: #33cda7;
    img{
      width: 0.38rem;
      height: 0.31rem;
    }
  }
}
.dataInfor{
  width: 100%;
  padding-top: 0.2rem;
  .tit{
    font-size: 0.48rem;
    color: #000000;
    margin-bottom: 0.2rem;
    line-height: 0.66rem;
  }
  .dataTime{
    font-size: 0.26rem;
    color: #57708e;
    margin-bottom: 0.3rem;
    span{
      margin-right: 0.2rem;
    }
  }
}
.data-contact{
  color: #333333;
  font-size: 0.32rem;
  line-height: 0.48rem;
  /*padding-bottom: 1.08rem;*/
  img{
    width: 100%;
  }
}
.adv_top2{
  width: 100%;
  height: 1.1rem;
  background: #ddecff;
  .adv_container{
    width: 100%;
    padding-right: 14px;
    padding-left: 14px;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    .adv_c{
      flex: 1;
      height: 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
      .logo{
        width: 0.78rem;
        height: 0.78rem;
        margin-right: 0.27rem;
      }
      .new{
        flex: 1;
        margin-right: 0.3rem;
        height: 0.92rem;
        overflow: hidden;
        font-size: 0.33rem;
        color: #1b539b;
        font-weight: bold;
        line-height: 0.92rem;
      }
    }
    a{
      width: 1.74rem;
      height: 0.75rem;
      border-radius: 0.13rem;
      font-size: 0.28rem;
      text-align: center;
      line-height: 0.75rem;
      color: #ffffff;
      background: linear-gradient(to right,#5da5ff,#2877da);
      /*margin-right: 1.1rem;*/
    }
  }
}
.Fill{
  width: 100%;
  height: 1.1rem;
}
.wenzhang{
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  .overflow{
    height: 11rem;
    overflow: hidden;
  }
  .wenzhang_n {
    margin-bottom: 0.4rem;
    width: 100%;
    .content {
      width: 100%;
      line-height: 0.48rem;
      font-size: 0.32rem;
      img {
        width: 100%;
        height: auto;
      }
      p{
        margin-bottom: 0.25rem;
      }
    }
    .content_infor{
      margin-top: 0.3rem;
      width: 100%;
      line-height: 0.6rem;
      div{
        width: 100%;
        span{
          font-size: 0.32rem;
          color: #333333;
        }
        span:first-child{
          color: #666666;
        }
      }

    }
    .function {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      margin-top: 0.67rem;
      .give {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        span {
          display: inline-block;
        }
        .give_pc {
          width: 0.88rem;
          height: 0.89rem;
          background: url("https://oz4lutvjn.bkt.clouddn.com/page/h5/all/image/pc_01.png-small") center no-repeat;
          background-size: contain;
          margin-right: 0.27rem;
        }
        .give_pc01 {
          width: 0.88rem;
          height: 0.89rem;
          background: url("https://oz4lutvjn.bkt.clouddn.com/page/h5/all/image/pc_03.png-small") center no-repeat;
          background-size: contain;
          margin-right: 0.27rem;
        }
        .give_Number {
          width: 1.9rem;
          font-size: 0.34rem;
        }
      }
      .Report {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        span {
          display: inline-block;
        }
        .Report_pc {
          width: 0.88rem;
          height: 0.89rem;
          background: url("https://oz4lutvjn.bkt.clouddn.com/page/h5/all/image/pc_02.png-small") center no-repeat;
          background-size: contain;
          margin-right: 0.27rem;
        }
        .Report_Number {
          font-size: 0.34rem;
        }
      }
    }
    .More {
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      margin-top:0.4rem;
      .xian {
        display: inline-block;
        width: 0.53rem;
        height: 1px;
        background: #cccccc;
      }
      .More_zi {
        color: #cccccc;
        font-size: 0.35rem;
        margin-right: 0.13rem;
        margin-left: 0.13rem;
      }
    }
    .button {
      width: 100%;
      margin-top: 0.53rem;
      a{
        display:table;
        width: 100%;
        height: 1.15rem;
        /*background: url("https://oz4lutvjn.bkt.clouddn.com/page/h5/all/image/pc_05.png-small") center no-repeat;*/
        border-radius: 0.13rem;
        background:linear-gradient(to right,#ff436b,#ff0b0b);
        background-size: contain;
        text-align: center;
        line-height: 1.15rem;
        color: #ffffff;
        font-size: 0.37rem;
      }

    }
    .hezuo{
      width:100%;
      height: 1.44rem;
      background-color: #f4f4f4;
      color:black;
      font-size: 0.45rem;
      text-align:center;
      margin-top:0.26rem;
      line-height: 1.44rem;
    }
  }
  .more_zi {
    width: 100%;
    position: absolute;
    bottom: 0;
    .Mask {
      display: block;
      width: 100%;
    }
    .full_text {
      display: block;
      width: 100%;
      padding-bottom: 0.5rem;
      background: #ffffff;
      a {
        width: 100%;
        height: 1.07rem;
        display: block;
        line-height: 1.07rem;
        border: #ff0000 1px solid;
        text-align: center;
        color: #ff0000;
        font-size: 0.37rem;
        border-radius: 0.13rem;
        img {
          display: inline-block;
          width: 0.4rem;
          height: 0.4rem;
          vertical-align: middle;
          line-height: 0;
          margin-right: 0.13rem;
        }
      }
    }
  }
}
.statement{
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  background: #f2f5f8;
  font-size: 0.32rem;
  line-height: 0.6rem;
  color: #333333;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
}
.Advertisement{
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  background: #f6f6ff;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  a{
    width: 100%;
    margin-bottom: 0.1rem;
    margin-top: 0.1rem;
    img{
      display: block;
      width: 100%;
    }
  }
  a:first-child{
    img{
      margin-bottom: 0.2rem;
    }
  }
}
.NewsCenter{
  width: 100%;
  .NewsTitle{
    width: 100%;
    padding-right: 14px;
    padding-left: 14px;
    height: 0.7rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    .xian{
      width: 0.04rem;
      height: 0.4rem;
      background: #407fce;
      margin-right: 0.1rem;
    }
    .newtitle{
      font-size: 0.32rem;
      color: #333333;
      line-height: 0.4rem;
    }
  }
  .NewsTitle:after{
    content: "";
    position: absolute;
    transform-origin: 0 0;
    transform: scaleY(0.5);
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-bottom: #cccccc 1px solid;
  }
  .News_list{
    width: 100%;
    ul{
      width: 100%;
      li{
        width: 100%;
        padding-right: 14px;
        padding-left: 14px;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        position: relative;
        .tupian{
          width: 2.36rem;
          height: 1.46rem;
          margin-right: 0.2rem;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
        }
        .infor{
          flex: 1;
          height: 1.46rem;
          display: flex;
          flex-flow: row wrap;
          align-content:space-between;
          div{
            font-size: 0.34rem;
            color: #333333;
            width: 100%;
          }
          p{
            font-size: 0.24rem;
            color: #999999;
            span:first-child{
              margin-right: 0.1rem;
            }
          }
        }
      }
      li:after{
        content: "";
        position: absolute;
        transform-origin: 0 0;
        transform: scaleY(0.5);
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        border-bottom: #cccccc 1px solid;
      }
      li:after:last-child{
        border-bottom: none;
      }
    }
  }
}
.InforIntr{
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  border-bottom: #f4f4f4 0.2rem solid;
  .InforIntrTitle{
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.34rem;
    color: #333333;
    margin-bottom: -0.3rem;
  }
  .Infor{
    width: 100%;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    .InforI2,.InforI{
      width: 50%;
      ul{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        li{
          width: 100%;
          margin-bottom: 0.4rem;
          font-size: 0.28rem;
          line-height: 0.28rem;
          display: flex;
          flex-direction: row;
          align-items: flex-start;
          justify-content: space-between;
          div{
            a{
              color: #4279d5;
            }
          }
        }
        li:last-child{
          margin-bottom: 0;
        }
      }
    }
    .InforIntr_l{
      ul{
        padding-right: 0.3rem;
        li{
          .InforIntr_l_l{
            color: #666666;
          }
          .InforIntr_l_r{
            width: 1.8rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #333333;
            text-align: right;
          }
        }
      }
    }
    .InforIntr_r{
      ul{
        padding-left: 0.3rem;
        li{
          .InforIntr_r_l{
            color: #666666;
          }
          .InforIntr_r_r{
            max-width: 2.2rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #333333;
            text-align: right;
          }
        }
      }
    }
    .Quantitative{
      width: 50%;
      ul{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        li{
          width: 100%;
          .data_1{
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 0.56rem;
            color: #e84d50;
            font-weight: bold;
            line-height: 0.56rem;
            margin-bottom: 0.4rem;
            s{
              font-size: 0.48rem;
            }
          }
        }
        li:last-child{
          display: flex;
          flex-direction: row;
          .data_2{
            font-size: 0.28rem;
            line-height: 0.28rem;
            color: #333333;
            margin-right: 0.1rem;
          }
          .data_3{
            font-size: 0.28rem;
            line-height: 0.28rem;
            color: #e84d50;
            display: flex;
            flex-direction: row;
            align-items: center;
            .data_3_l{
              margin-right: 0.1rem;
            }
            .data_3_r{
              width: 0.21rem;
              height: 0.13rem;
              background: url("https://res2.sanliwenhua.com/web/detail/image/0pc_27.png") no-repeat center;
              background-size: 0.21rem 0.13rem;
            }
          }
        }
      }
    }
    .InforI2{
      ul{
        li{
          margin-bottom: 0.2rem;
          .InforIntr_r_l{
            color: #999999;
          }
        }
      }

    }
  }
  .Infor_2{
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: -0.1rem;
    padding-bottom: 0.3rem;
    .InforIntr_l_l{
      width: 0.7rem;
      color: #666666;
      margin-right: 0.1rem;
    }
    .InforIntr_l_r{
      /*max-width: 2.2rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;*/
      flex: 1;
      color: #333333;
      text-align: right;
      span{
        float: left;
        display: block;
        margin-right: 0.1rem;
        margin-bottom: 0.1rem;
      }
    }
  }
}
.Chart{
  width: 100%;
  height: 150px;
  padding-right: 14px;
  padding-left: 14px;
  border-bottom: #f4f4f4 0.2rem solid;
  display: flex;
  position: relative;
  .flext{
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    .main{
      width: 100%;
      height: 100%;
      /*.mainTitle{
        width: 100%;
        height: 20%;
        font-size: 0.28rem;
        color: #333333;
        padding-top: 0.2rem;
        padding-left: 15%;
      }*/
      .mainCon{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
      }
    }
  }
}
.ReturnInvestment{
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  /*border-bottom: #f4f4f4 0.2rem solid;*/
  padding-bottom: 0.25rem;
  .ReturnTitle{
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.34rem;
    color: #333333;
  }
  .ReturnIn{
    width: 100%;
    font-size: 0.28rem;
    ul{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      li{
        width: 50%;
        height: 0.6rem;
        line-height: 0.6rem;
        display: flex;
        flex-wrap: wrap;
        div{
          width: 50%;
        }
        div:first-child{
          color: #666666;
        }
        div:last-child{
          color: #333333;
        }
      }
    }
  }
  .Explain{
    width: 100%;
    padding: 0.25rem;
    background: #f2f6f9;
    margin-top: 0.3rem;
  }
}
.Narration{
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  padding-bottom: 0.4rem;
  .NarrationTitle{
    width: 100%;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.34rem;
    color: #333333;
  }
  .NarrationContent{
    font-size: 0.28rem;
    color: #333333;
    line-height: 0.48rem;

  }
}
.fixbottom{
  position: fixed;
  bottom: 0;
  z-index: 99999;
}
.fixtop{
  position: fixed;
  bottom: 0;
  z-index: 99999;
}
.paddingTop{
  padding-top: 1.38rem;
}
.xinxi{
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  font-size: 0.28rem;
  /*height: 0.98rem;*/
  border-bottom: #f4f4f4 0.2rem solid;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-top: #dfdfdf 1px solid;
  .brand{
    /*width: 55%;*/
    flex: 1;
    height: 100%;
    line-height: 0.98rem;
/*    display: flex;
    flex-direction: row;
    align-items: center;*/
    color: #333333;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    span{
      display: inline;
    }
    .brandTitle{
      color: #666666;

    }
  }
  .address{
    /*width: 42%;*/
    max-width: 2.2rem;
    height: 100%;
    line-height: 0.98rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-left: 0.4rem;
    img{
      width: 0.25rem;
      height: 0.31rem;
      margin-right: 0.05rem;
    }
    p{
        flex: 1;
        color: #999999;
        margin-left: 0.1rem;
        overflow: hidden;
/*        text-overflow:ellipsis;*/
        white-space: nowrap;
    }
  }
}
.ContactUs{
  width: 100%;
  padding-bottom: 0.4rem;
  .ContactUsTitle{
    width: 100%;
    height: 0.9rem;
    padding-right: 14px;
    padding-left: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    .block{
      width: 0.06rem;
      height: 0.28rem;
      background: #407fce;
      border-radius: 0.03rem;
      margin-right: 0.1rem;
    }
    .ConTit{
      font-size: 0.28rem;
      color: #000000;
    }
  }
  .ContactUsTitle:after{
    content: "";
    position: absolute;
    transform-origin: 0 0;
    transform: scaleY(0.5);
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-bottom: #dfdfdf 1px solid;
  }
  .ContactInfor{
    width: 100%;
    padding-right: 14px;
    padding-left: 14px;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
     ul{
       width: 100%;
       display: flex;
       flex-wrap: wrap;
       li{
         width: 50%;
         height: 0.45rem;
         line-height: 0.45rem;
         display: flex;
         flex-direction: row;
         align-items: center;
         div:first-child{
           color: #666666;
           width: 0.9rem;
           height: 100%;
           text-align: justify;
         }
         div:first-child:after{
           content:'.';
           width: 100%;
           display: inline-block;
           overflow: hidden;
           height: 0;
         }
         div:last-child{
           flex: 1;
           white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;
           padding-right: 0.2rem;
         }
       }
     }
  }
  .Reminder{
    width: 100%;
    padding-right: 14px;
    padding-left: 14px;
    display: flex;
    flex-direction: row;
    .spot{
      width: 0.1rem;
      height: 0.1rem;
      border-radius: 0.05rem;
      background-color: #f55c33;
      margin-right: 0.1rem;
      margin-top: 0.2rem;
    }
    .ReminderContent{
      flex: 1;
      font-size: 0.28rem;
      color: #58708d;
      line-height: 0.44rem;
    }
  }
}
.download{
  width: 100%;
  padding-right: 0.55rem;
  padding-left: 0.55rem;
  .Money_logo{
    width: 100%;
    height: 2.22rem;
    background-image: url("https://res2.sanliwenhua.com/web/detail/image/0pc_18.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.42rem 1.42rem;
    position: relative;
  }
  .Money_logo:after{
    content: "";
    position: absolute;
    transform-origin: 0 0;
    transform: scaleY(0.5);
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-bottom: #cccccc 1px solid;
  }
  .LoadContent{
    width: 100%;
    margin-top: 0.4rem;
    ul{
      width: 100%;
      li{
        width: 100%;
        height: 0.7rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        font-size: 0.32rem;
        color: #333333;
        div:first-child{
          width: 0.42rem;
          height: 0.42rem;
          text-align: center;
          line-height: 0.42rem;
          color: #ffffff;
          font-size: 0.26rem;
          border-radius: 0.21rem;
          background: linear-gradient(to bottom, #678be3, #4fafea);;
          margin-right: 0.2rem;
        }
      }
    }
  }
  .button1{
    width: 100%;
    height: 0.88rem;
    background: #407fce;
    color: #ffffff;
    font-size: 0.34rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 0.1rem;
    margin-top: 0.3rem;
    img{
      width: 0.33rem;
      height: 0.29rem;
      margin-left: 0.2rem;
    }
  }
  .step{
    width: 100%;
    text-align: center;
    color: #666666;
    font-size: 0.28rem;
    line-height: 0.54rem;
    margin-top: 0.2rem;
  }
  .Arrow{
    width: 100%;
    margin-top: 0.2rem;
    text-align: center;
    div{
      width: 100%;
      height: 0.13rem;
      background: url("https://res2.sanliwenhua.com/web/detail/image/0pc_20.png") no-repeat center;
      background-size: 0.24rem 0.13rem;
      margin-bottom: 0.2rem;
    }
    a{
      color: #666666;
    }
  }
}
.downMask{
  width: 100%;
  height: 100%;
  position: fixed;
  top:0;
  background: url("https://res2.sanliwenhua.com/web/detail/image/Mask.png") top center no-repeat rgba(0,0,0,0.92);
  background-size: contain;
}
.agreement{
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  color: #333333;
  padding-top: 0.5rem;
  div{
    width:100%;
    font-size: 0.32rem;
    line-height: 0.48rem;
    margin-bottom: 0.4rem;

  }
  .agree_title{
    color: #000000;
    font-size: 0.48rem;
    line-height: 0.72rem;
    text-align: center;
  }
  .neirong{
    .biaoti{
      color: #000000;
      font-weight: bold;
    }
  }
}
.PopupMask{
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0,0,0,0.6);
  top:0;
  .PopupM{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    .Popup{
      width: 5.4rem;
      height: 2.5rem;
      background: #ffffff;
      border-radius: 0.25rem;
      .Popuptop{
        width: 100%;
        height: 1.62rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #000000;
        text-align: center;
        position: relative;
        p:first-child{
          font-weight: bold;
          font-size: 0.34rem;
          margin-bottom: 0.1rem;
        }
        p:last-child{
          font-size: 0.28rem;
        }
      }
      .Popuptop:after{
        content: "";
        position: absolute;
        transform-origin: 0 0;
        transform: scaleY(0.5);
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        border-bottom: #e4e4e6 1px solid;
      }
      .Popupbottom{
        display: flex;
        color: #0f7dff;
        font-size: 0.34rem;
        span{
          flex: 1;
          display: block;
          text-align: center;
          height: 0.88rem;
          line-height: 0.88rem;
        }
        span:first-child{
          border-right:#e4e4e6 0.02rem solid;
        }
      }
    }
  }
}
.Masks{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100000;
  /*background: rgba(0,0,0,0.6);*/
  top:0;
  display: none;
}
.WeChatTips{
  padding-right: 14px;
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.4rem;
  .WeChat_n{
    width: 100%;
    height: 0.8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    .WeChatName{
      width: 2.9rem;
      height: 100%;
      font-size: 0.26rem;
      color: #ffffff;
      text-align: center;
      line-height: 0.8rem;
      background-color: #1976d3;
      margin-right: 0.02rem;
    }
    .WechatNumber{
      width: 4rem;
      height: 100%;
      font-size: 0.26rem;
      color: #ffffff;
      text-align: center;
      line-height: 0.8rem;
      border-right: none;
      background-color: #1976d3;
    }
  }
  .WeChatCopy{
    font-size: 0.26rem;
    height: 0.88rem;
    line-height: 0.88rem;
    color: #999999;
  }
}
.Notice{
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 0.3rem;
  position: relative;
  h1{
    font-size: 0.34rem;
    color: #333333;
    line-height: 0.88rem;
    margin-bottom: 0.1rem;
  }
  p{
    font-size: 0.28rem;
    color: #333333;
    line-height: 0.42rem;
  }
}
.Notice:after{
  content: "";
  position: absolute;
  transform-origin: 0 0;
  transform: scaleY(0.5);
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-bottom: #f4f4f4 1px solid;
}
.ProjectDetails{
  border-bottom: #f4f4f4 0.2rem solid;
  .ProjectDetailsTop{
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    margin-bottom: 0.3rem;
    position: relative;
    .CurrencyInformation{
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-bottom: 0.2rem;
      .CurrencyLogo{
        width: 0.98rem;
        height: 0.98rem;
        border-radius: 0.49rem;
        overflow: hidden;
        margin-right: 0.2rem;
        img{
          width: 0.98rem;
          height: 0.98rem;
          object-fit: cover;
        }
      }
      .CurrencyName{
        h1{
          font-size: 0.34rem;
          color: #333333;
          margin-bottom: 0.1rem;
        }
        h2{
          font-size: 0.24rem;
          color: #333333;
        }
      }
    }
    .CurrencyIntroduce{
      font-size: 0.28rem;
      color: #333333;
      line-height: 0.42rem;
    }
  }
  .ProjectDetailsTop:after{
    content: "";
    position: absolute;
    transform-origin: 0 0;
    transform: scaleY(0.5);
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-bottom: #999999 1px solid;
  }
  .ProjectDetailsBottom{
      width: 100%;
      padding-right: 14px;
      padding-left: 14px;
     /* padding-top: 0.2rem;*/
      padding-bottom: 0.2rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
  }
  .inforbottom{
    padding-right: 14px;
    padding-left: 14px;
    padding-bottom: 0.1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: -0.28rem;
    padding-top: 0.1rem;
    .inforbottom_l{
      font-size: 0.28rem;
      color: #666666;
      margin-right: 0.3rem;
    }
    .inforbottom_r{
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      .image{
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        width: 0.48rem;
        height: 0.48rem;
        margin-left: 0.15rem;
        font-size: 0.43rem;
        /*color: #407fce;*/
        i{
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}
.array_Infor{
  width: 100%;
  ul{
    width: 100%;
    li{
      font-size: 0.28rem;
      line-height: 0.28rem;
      margin-bottom: 0.28rem;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between;
      div{
        a{
          color: #4279d5;
        }
      }
      .InforIntr_l_l{
        color: #666666;
      }
      .InforIntr_l_r{
        color: #333333;
        text-align: right;
      }
    }
  }
}
.Grade{
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  border-bottom: #f4f4f4 0.2rem solid;
  h1{
    font-size: 0.34rem;
    color: #333333;
    line-height: 0.88rem;
    margin-bottom: 0.1rem;
  }
}
.array_Infor2{
  width: 100%;
  ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    li{
      width: 50%;
      font-size: 0.28rem;
      line-height: 0.28rem;
      margin-bottom: 0.28rem;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between;
      div{
        a{
          color: #4279d5;
        }
      }
      .InforIntr_l_l{
        color: #666666;
      }
      .InforIntr_l_r{
        color: #333333;
        text-align: right;
      }
    }
    li:nth-child(odd){
      padding-right: 0.57rem;
    }
    li:nth-child(even){
      padding-left: 0.57rem;
    }
  }
}
.screenshot{
  padding-right: 14px;
  padding-left: 14px;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  .screenshot_title{
    font-size: 0.34rem;
    line-height: 0.34rem;
    color: #333333;
    margin-bottom: 0.3rem;
  }
  .screenshot_content{
    .screenshot_content_title{
      text-align: center;
      font-size: 0.32rem;
      color: #333333;
      line-height: 0.7rem;
    }
    img{
      width: 100%;
      height: 100%;
    }
  }
}
.technicalAnalysis{
  padding-bottom: 0.4rem;
  border-bottom: #f4f4f4 0.2rem solid;
  .technicalTitle{
    padding-right: 14px;
    padding-left: 14px;
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.34rem;
    color: #333333;
    position: relative;
  }
  .technicalTitle:after{
    content: "";
    position: absolute;
    transform-origin: 0 0;
    transform: scaleY(0.5);
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-bottom: #cccccc 1px solid;
  }
  .AnalysisTime{
    height: 1.1rem;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    .sTime{
      width: 1.25rem;
      height: 0.54rem;
      border: #666666 0.02rem solid;
      border-radius: 0.27rem;
      text-align: center;
      line-height: 0.54rem;
      color: #666666;
    }
    .active{
      color: #407fce;
      border: #407fce 0.02rem solid;
    }
  }
  .AnalysisTime:after{
    content: "";
    position: absolute;
    transform-origin: 0 0;
    transform: scaleY(0.5);
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-bottom: #cccccc 1px solid;
  }
}
.graphic {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.4rem;
  .graphic_top {
    width: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0.7rem;
    .graphic_top_title {
      font-size: 0.36rem;
      color: #333333;
      text-align: center;
      margin-bottom: 0.3rem;
    }
    .graphic_top_data {
      display: flex;
      flex-direction: row;
      justify-content: center;
      margin-bottom: 0.3rem;
      .graphic_top_data_postion {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        .graphic_top_data_words {
          width: 110%;
          position: absolute;
          display: flex;
          flex-direction: column;
          align-items: center;
          left: 50%;
          margin-left: -2.75rem;
          p {
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            font-size: 0.22rem;
            color: #333333;
            line-height: 0.22rem;
            margin-bottom: 0.3rem;
          }
          p:nth-child(2) {
            padding-right: 0.8rem;
            padding-left: 0.8rem;
            margin-bottom: 0.7rem;
          }
          p:first-child {
            justify-content: center;
          }
        }
        .graphic_top_data_chart {
          position: relative;
          width: 3.6rem;
          height: 1.8rem;
          overflow: hidden;
          margin-top: 0.4rem;
          .graphic_top_data_chart_background {
            position: relative;
            width: 3.6rem;
            height: 3.6rem;
            overflow: hidden;
            border-radius: 50%;
            z-index: 0;
            .graphic_top_data_chart_fen {
              position: absolute;
              width: 1.8rem;
              height: 1.8rem;
              left: 0;
              top: 0;
              border: 1px solid;
              border-color: #fff;
              transform-origin: 100% 100%;
            }
            .graphic_top_data_chart_Tsell {
              background-color: #ff4a68;
              transform: rotate(0deg) skew(54deg);
            }
            .graphic_top_data_chart_sell {
              background-color: rgba(255, 74, 104, .6);
              transform: rotate(36deg) skew(54deg);
            }
            .graphic_top_data_chart_neutral {
              background-color: #f2f3f5;
              transform: rotate(72deg) skew(54deg);
            }
            .graphic_top_data_chart_buy {
              background-color: rgba(59, 179, 228, .6);
              transform: rotate(108deg) skew(54deg);
            }
            .graphic_top_data_chart_Tbuy {
              background-color: #3bb3e4;
              transform: rotate(144deg) skew(54deg);
            }
            .graphic_top_data_chart_Mask {
              box-shadow: inset 0 0.3rem 0.6rem -0.1rem #f2f3f5;
              position: absolute;
              width: 3.48rem;
              height: 3.48rem;
              border-radius: 1.74rem;
              /*border-top-left-radius: 1.74rem;
              border-top-right-radius: 1.74rem;*/
              left: 50%;
              margin-left: -1.74rem;
              top: 0.06rem;
              background-color: #fff;
              border: 0.02rem solid;
              border-color: #fff;
              transition: box-shadow 1.5s ease;
            }
          }
          .graphic_top_data_chart_needle {
            animation: sellShudder-1siBGPXF- 10s infinite;
            transform: rotate(-0deg);
            display: flex;
            position: absolute;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 0.12rem;
            height: 1.6rem;
            bottom: 0.06rem;
            left: calc(50% - 0.06rem);
            transform-origin: 50% 100%;
            transition: transform 1.5s ease;
            .graphic_top_data_chart_need1 {
              width: 0.04rem;
              height: 1.5rem;
              border-radius: 1px;
              background-color: #131722;
            }
            .graphic_top_data_chart_need2 {
              width: 0.02rem;
              height: 0.1rem;
              border-radius: 1px;
              background-color: transparent;
            }
          }
          .graphic_top_data_chart_spot {
            position: absolute;
            width: 0.12rem;
            height: 0.12rem;
            background-color: #131722;
            bottom: 0;
            left: calc(50% - 0.06rem);
            border-radius: 0.06rem;
          }
        }
      }
    }
    .graphic_top_sell {
      font-size: 0.36rem;
      line-height: 0.36rem;
      color: #999999;
      text-align: center;
      margin-bottom: 0.3rem;
    }
    .graphic_top_infor {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      .graphic_top_infor_data {
        text-align: center;
        p {
          font-size: 0.28rem;
          color: #999999;
          line-height: 0.28rem;
        }
        p:first-child {
          margin-bottom: 0.3rem;
        }
      }
      .infor_data1 {
        p:first-child {
          color: #ff0000;
        }
      }
      .infor_data3 {
        p:first-child {
          color: #407fce;
        }
      }
    }
  }
  .graphic_bottom {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
    .graphic_bottom_chart {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      .graphic_top_title {
        font-size: 0.28rem;
        color: #333333;
        text-align: center;
        margin-bottom: 0.3rem;
      }
      .graphic_top_data {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 0.3rem;
        .graphic_top_data_postion {
          position: relative;
          display: flex;
          flex-direction: column;
          align-items: center;
          width: 100%;
          .graphic_top_data_words {
            width: 100%;
            position: absolute;
            display: flex;
            flex-direction: column;
            align-items: center;
            p {
              width: 100%;
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: space-between;
              font-size: 0.18rem;
              color: #333333;
              line-height: 0.27rem;
              margin-bottom: 0.1rem;
              span {
                display: block;
                width: 0.56rem;
                text-align: center;
              }
            }
            p:nth-child(2) {
              padding-right: 0.3rem;
              padding-left: 0.3rem;
              margin-bottom: 0.2rem;
            }
            p:first-child {
              justify-content: center;
            }
          }
          .graphic_top_data_chart {
            position: relative;
            width: 2rem;
            height: 1rem;
            overflow: hidden;
            margin-top: 0.4rem;
            .graphic_top_data_chart_background {
              position: relative;
              width: 2rem;
              height: 2rem;
              overflow: hidden;
              border-radius: 50%;
              z-index: 0;
              .graphic_top_data_chart_fen {
                position: absolute;
                width: 1rem;
                height: 1rem;
                left: 0;
                top: 0;
                border: 1px solid;
                border-color: #fff;
                transform-origin: 100% 100%;
              }
              .graphic_top_data_chart_Tsell {
                background-color: #ff4a68;
                transform: rotate(0deg) skew(54deg);
              }
              .graphic_top_data_chart_sell {
                background-color: rgba(255, 74, 104, .6);
                transform: rotate(36deg) skew(54deg);
              }
              .graphic_top_data_chart_neutral {
                background-color: #f2f3f5;
                transform: rotate(72deg) skew(54deg);
              }
              .graphic_top_data_chart_buy {
                background-color: rgba(59, 179, 228, .6);
                transform: rotate(108deg) skew(54deg);
              }
              .graphic_top_data_chart_Tbuy {
                background-color: #3bb3e4;
                transform: rotate(144deg) skew(54deg);
              }
              .graphic_top_data_chart_Mask {
                box-shadow: inset 0 0.3rem 0.6rem -0.1rem #f2f3f5;
                position: absolute;
                width: 1.9rem;
                height: 1.9rem;
                border-radius: 0.95rem;
                /*border-top-left-radius: 0.95rem;
                border-top-right-radius: 0.95rem;*/
                left: 50%;
                margin-left: -0.95rem;
                top: 0.04rem;
                background-color: #fff;
                border: 0.02rem solid;
                border-color: #fff;
                transition: box-shadow 1.5s ease;
              }
            }
            .graphic_top_data_chart_needle {
              animation: sellShudder-1siBGPXF- 10s infinite;
              transform: rotate(-0deg);
              display: flex;
              position: absolute;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              width: 0.08rem;
              height: 0.85rem;
              bottom: 0.06rem;
              left: calc(50% - 0.08rem);
              transform-origin: 50% 100%;
              transition: transform 1.5s ease;
              .graphic_top_data_chart_need1 {
                width: 0.02rem;
                height: 0.77rem;
                border-radius: 1px;
                background-color: #131722;
              }
              .graphic_top_data_chart_need2 {
                width: 0.02rem;
                height: 0.08rem;
                border-radius: 1px;
                background-color: transparent;
              }
            }
            .graphic_top_data_chart_spot {
              position: absolute;
              width: 0.08rem;
              height: 0.08rem;
              background-color: #131722;
              bottom: 0;
              left: calc(50% - 0.06rem);
              border-radius: 0.04rem;
            }
          }
        }
      }
      .graphic_top_sell {
        font-size: 0.36rem;
        line-height: 0.36rem;
        color: #999999;
        text-align: center;
        margin-bottom: 0.3rem;
      }
      .graphic_top_infor {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        .graphic_top_infor_data {
          text-align: center;
          p {
            font-size: 0.28rem;
            color: #999999;
            line-height: 0.28rem;
          }
          p:first-child {
            margin-bottom: 0.3rem;
          }
        }
        .infor_data1 {
          p:first-child {
            color: #ff0000;
          }
        }
        .infor_data3 {
          p:first-child {
            color: #407fce;
          }
        }
      }
    }
    .graphic_bottom_l{
      padding-right: 0.4rem;
      .graphic_top_sell{
        color: #999999;
      }
      .graphic_top_data{
        .graphic_top_data_postion{
          .graphic_top_data_chart{
            .graphic_top_data_chart_background{
              .graphic_top_data_chart_Mask{
                box-shadow: inset 0 0.3rem 0.6rem -0.1rem #f2f3f5;
              }
            }
          }
        }
      }
    }
    .graphic_bottom_r{
      padding-left: 0.4rem;
    }
  }
  }
  .neutral {
    .graphic_top_data{
      .graphic_top_data_postion{
        .graphic_top_data_chart{
          .graphic_top_data_chart_background{
            .graphic_top_data_chart_Mask{
              box-shadow: inset 0 0.3rem 0.6rem -0.1rem #f2f3f5 !important;
            }
          }
        }
      }
    }
    .graphic_top_sell{
      color: #999999 !important;
    }
  }
  .sellOut {
    .graphic_top_data{
      .graphic_top_data_postion{
        .graphic_top_data_chart{
          .graphic_top_data_chart_background{
            .graphic_top_data_chart_Mask{
              box-shadow: inset 0 0.3rem 0.6rem -0.1rem rgba(255, 74, 104, 0.6)!important;
            }
          }
        }
      }
    }
    .graphic_top_sell{
      color: rgba(255, 74, 104, 1)!important;
    }
  }
  .strong_sellOut {
    .graphic_top_data{
      .graphic_top_data_postion{
        .graphic_top_data_chart{
          .graphic_top_data_chart_background{
            .graphic_top_data_chart_Mask{
              box-shadow: inset 0 0.3rem 0.6rem -0.1rem rgba(255, 74, 104, 0.6) !important;
            }
          }
        }
      }
    }
    .graphic_top_sell{
      color: rgba(255, 74, 104, 1) !important;
    }
  }
  .Purchase {
    .graphic_top_data{
      .graphic_top_data_postion{
        .graphic_top_data_chart{
          .graphic_top_data_chart_background{
            .graphic_top_data_chart_Mask{
              box-shadow: inset 0 0.3rem 0.6rem -0.1rem rgba(59,179,228,.3) !important;
            }
          }
        }
      }
    }
    .graphic_top_sell{
      color: rgba(59,179,228,1) !important;
    }
  }
  .strong_Purchase {
    .graphic_top_data{
      .graphic_top_data_postion{
        .graphic_top_data_chart{
          .graphic_top_data_chart_background{
            .graphic_top_data_chart_Mask{
              box-shadow: inset 0 0.3rem 0.6rem -0.1rem rgba(59,179,228,.6) !important;
            }
          }
        }
      }
    }
    .graphic_top_sell{
      color: rgba(59,179,228,1) !important;
    }
  }
  .AnalysisData {
    .AnalysisData_title {
      display: flex;
      height: 0.84rem;
      position: relative;
      .AnalysisData_title_data {
        position: relative;
        z-index: 10;
        flex: 1;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: center;
        span {
          display: inline-block;
          height: 0.84rem;
          line-height: 0.84rem;
          font-size: 0.3rem;
          color: #333333;
          /*border-bottom: #ffffff 0.04rem solid;*/
        }
      }
      .active {
        span {
          display: block;
          font-size: 0.3rem;
          color: #407fce;
          border-bottom: #407fce 0.04rem solid;
        }
      }
    }
    .AnalysisData_title:after{
      content: "";
      position: absolute;
      transform-origin: 0 0;
      transform: scaleY(0.5);
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden;
      border-bottom: #cccccc 1px solid;
      z-index: 0;
    }
    .AnalysisData_list {
      .AnalysisData_list_class {
        ul {
          li {
            padding-left: 14px;
            padding-right: 14px;
            height: 1.17rem;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            position: relative;
            .AnalysisData_list_class_l {
              font-size: 0.26rem;
              color: #333333;
            }
            .AnalysisData_list_class_r {
              font-size: 0.26rem;
            }
            .buy {
              color: #407fce;
            }
            .sell {
              color: #de494e;
            }
            .neutral {
              color: #999999;
            }
          }
          li:after{
            content: "";
            position: absolute;
            transform-origin: 0 0;
            transform: scaleY(0.5);
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden;
            border-bottom: #cccccc 1px solid;
          }
        }
      }
    }
  }
  .personal_infor{
    padding-right: 14px;
    padding-left: 14px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.3rem;
    margin-bottom: 0.2rem;
    .personal_infor_l{
      display: flex;
      flex-direction: row;
      align-items: center;
      .personal_infor_head{
        width: 0.69rem;
        height: 0.69rem;
        overflow: hidden;
        border-radius: 0.35rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 0.2rem;
      }
      .personal_infor_name{
        font-size: 0.24rem;
        color: #333333;
      }
    }
    .personal_infor_r{
      font-size: 0.26rem;
      color: #999999;
    }

  }
  .icon_Analysis_detail_title{
    padding-left: 14px;
    padding-right: 14px;
    line-height: 0.57rem;
    font-size: 0.38rem;
    margin-bottom: 0.2rem;
  }
  .icon_Analysis_detail_infor{
   /* padding-right: 14px;
    padding-left: 14px;*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 0.26rem;
    margin-bottom: 0.4rem;
    .icon_Analysis_detail_infor_l{
      span{
        color: #407fce;
      }
    }
    .icon_Analysis_detail_infor_r{
      color: #999999;
      display: flex;
      flex-direction: row;
      align-items: center;
      span{
        margin-left: 0.4rem;
        line-height: 0.26rem;
        img{
          display: inline;
          width: 0.26rem;
          height: 0.26rem;
          vertical-align: middle;
          margin-left: 0.1rem;
        }
      }
    }
  }
.follow{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.3rem;
  .follow_l{
    display: flex;
    flex-direction: row;
    align-items: center;
    .follow_l_l{
      width: 0.76rem;
      height: 0.76rem;
      overflow: hidden;
      border-radius: 0.38rem;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      margin-right: 0.2rem;
    }
    .follow_l_r{
      .follow_l_name{
        font-size: 0.28rem;
        color: #333333;
      }
      .follow_l_time{
        font-size: 0.2rem;
        color: #999999;
      }
    }
  }
  .follow_r{
    width: 1.4rem;
    height: 0.62rem;
    border-radius: 0.09rem;
    border: #407fce 0.02rem solid;
    font-size: 0.28rem;
    color: #407fce;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    img{
      width: 0.19rem;
      height: 0.19rem;
      margin-right: 0.1rem;
    }
  }
  .follow_cancel{
    border: #cccccc 0.02rem solid;
    color: #999999;
  }
}
.author{
  width: 100%;
  height: 1.2rem;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: fixed;
  top:-1.2rem;
  background-color: #ffffff;
  border-bottom: #dddddd 0.02rem solid;
  z-index: 1000;
  transition: top 0.5s;
  .follow{
    width: 100%;
    margin-bottom: 0;
  }
}
.author_action{
  top:0;
}
.icon_Analysis_detail_content {
  padding-left: 14px;
  padding-right: 14px;
  width: 100%;
  line-height: 0.48rem;
  font-size: 0.32rem;
  padding-bottom: 0.4rem;
  img {
    width: 100%;
    height: auto;
  }
}
.download_Ad{
  width: 100%;
  height: 1.95rem;
}
.download_Adver{
  width: 100%;
  height: 1.95rem;
  object-fit: cover;
  position: fixed;
  bottom: 0;
  img{
    width: 100%;
    height: 100%;
  }
}
.return{
  padding-left: 14px;
  padding-right: 14px;
  height: 0.88rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #407fce;
  img{
    display: block;
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 0.24rem;
    overflow: hidden;
    margin-right: 0.2rem;
  }
  span{
    display: block;
    font-size: 0.32rem;
    color: #ffffff;
  }
}
.video-js{
  width: 100%;
  height: 3.5rem;
}
.video-js .vjs-big-play-button{
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  top:50%;
  left: 50%;
  margin-top: -0.8em;
  margin-left: -0.8em;
  border-radius: 0.8em;
  border: none;
}
.website{
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 0.4rem;
    li{
      width: 1.4rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 0.4rem;
      font-size: 0.26rem;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
      a{
        display: flex;
        flex-direction: column;
        align-items: center;
        img{
          height: 0.56rem;
          margin-bottom: 0.2rem;
        }
      }
    }
  }
}
.secant_10{
  height: 0.1rem;
  background: #f6f6ff;
}
.secant_20{
  height: 0.2rem;
  background: #f6f6ff;
}
.webNewsbig{
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  position: relative;
  display: flex;
  flex-direction: row;
  .webNews{
    flex: 1;
    margin-right: 0.12rem;
    .webNewsImag{
      height: 1.93rem;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      margin-bottom: 0.2rem;
    }
    .webNewsP{
      width: 3.5rem;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
      font-size: 0.3rem;
    }
  }
  .webNews:last-child{
    margin-right: auto;

  }
}
.webNewsbig:after{
  content: "";
  position: absolute;
  transform-origin: 0 0;
  transform: scaleY(0.5);
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-bottom: #cccccc 1px solid;
}
.webNotice{
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  padding-top: 0.3rem;
  padding-bottom: 0.2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  .webNoticeIcon{
    width: 1.34rem;
    height: 0.54rem;
    border-right: #cccccc 1px solid;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 0.28rem;
    color: #407fce;
    img{
      width: 0.37rem;
      height: 0.37rem;
      margin-right: 0.15rem;
    }
  }
  .webNoticeList{
    flex: 1;
    height: 0.54rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    .swiper-container{
      height: 0.54rem;
      .swiper-slide{
        height: 0.54rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        a{
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-start;
          padding-left: 0.3rem;
          font-size: 0.28rem;
          color: #333333;
          img{
            width: 0.54rem;
            height: 0.54rem;
            margin-right: 0.15rem;
          }
          div{
            width:4.7rem;
            text-align: left;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
          }
        }
      }
    }
  }
}
.web{
  h1{
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    height: 0.72rem;
    line-height: 0.72rem;
    font-size: 0.3rem;
    font-weight: bold;
    position: relative;
  }
  h1:after{
    content: "";
    position: absolute;
    transform-origin: 0 0;
    transform: scaleY(0.5);
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-bottom: #cccccc 1px solid;

  }
}
.webTradingPlatform{
  ul{
    padding-right: 0.2rem;
    padding-left: 0.2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 0.35rem;
    height: 4.35rem;
    overflow: hidden;
    position: relative;
    .webTradingPlatformMore{
      position: absolute;
      height: 0.32rem;
      bottom: 0.4rem;
      right: 0.2rem;
      div{
        width:1.7rem;
        height: 100%;
        background-color: #ffffff;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        font-size: 0.26rem;
        span{
          margin-right: 0.28rem;
        }
        img{
          width: 0.2rem;
          height: 0.1rem;
        }
      }
    }
    li{
      width: 1.7rem;
      height: 0.32rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 0.5rem;
      a{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        .PlatformIcon{
          width: 0.44rem;
          height: 0.32rem;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          margin-right: 0.2rem;
          img{
            height: 0.32rem;
          }
        }
        .Platform{
          width: 1.06rem;
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
          font-size: 0.26rem;
          color: #333333;
        }
      }
    }
  }
}
.webMediaInformation{
  ul{
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    .table{
      padding-right: 0.2rem;
      padding-left: 0.2rem;
      padding-top: 0.4rem;
      table{
        width: 100%;
        text-align: center;
        border: #cccccc 0.02rem solid;
        tr{
          border-bottom: #cccccc 0.02rem solid;
          display: flex;
          td{
            flex: 1;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            height: 1.03rem;
            border-right: #cccccc 0.02rem solid;
            overflow: hidden;
          }
          td:last-child{
            border-right: none;
          }
        }
        tr:last-child{
          border-bottom: none;
        }
      }

    }
    li:first-child{
      margin-top: 0;
    }
    li{
      padding-left: 0.2rem;
      padding-right: 0.2rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-top: 0.4rem;
      .Label{
        width: 0.76rem;
        height: 0.34rem;
        border-radius: 0.17rem;
        border: 0.02rem #407fce solid;
        font-size: 0.2rem;
        text-align: center;
        line-height: 0.32rem;
        color: #407fce;
        margin-right: 0.2rem;
      }
      .webMedia{
        display: flex;
        flex-direction: row;
        align-items: center;
        a{
          display: inline-block;
          width: 1.3rem;
          text-align: center;
          font-size: 0.26rem;
          margin-right: 0.15rem;
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
        }
      }
      .MoreIcon{
        width: 0.2rem;
        height: 0.1rem;
      }
      .down-arr{
        transform: rotate(180deg);
      }

    }
  }
}
.webDigitalCurrency{
  ul{
    padding-right: 0.2rem;
    padding-left: 0.2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 0.35rem;
    height: 4.75rem;
    overflow: hidden;
    position: relative;
    .webDigitalCurrencyMore{
      position: absolute;
      height: 0.4rem;
      bottom: 0.4rem;
      right: 0.2rem;
      div{
        width:1.7rem;
        height: 100%;
        background-color: #ffffff;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        font-size: 0.26rem;
        span{
          margin-right: 0.28rem;
        }
        img{
          width: 0.2rem;
          height: 0.1rem;
        }
      }
    }
    li{
      width: 1.7rem;
      height: 0.4rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 0.5rem;
      a{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        .PlatformIcon{
          width: 0.44rem;
          height: 0.4rem;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          margin-right: 0.2rem;
          img{
            height: 0.4rem;
          }
        }
        .Platform{
          width: 1.06rem;
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
          font-size: 0.26rem;
          color: #333333;
        }

      }
    }
  }
}
.webNewsList{
  .webNewsType{
    height: 0.88rem;
    display: flex;
    position: relative;
    div{
      flex: 1;
      font-size: 0.3rem;
      text-align: center;
      line-height: 0.88rem;
    }
    .action{
      color: #407fce;
    }
    .you{
      position: absolute;
      bottom: -0.02rem;
      width: 0.9rem;
      height: 0.05rem;
      background-color: #407fce;
      left: 25%;
      transition:left 0.5s;
      margin-left: -0.45rem;
      z-index: 1;
    }
    .you_{
      left: 75%;
      transition:left 0.5s;
    }
  }
  .webNewsType:after{
    content: "";
    position: absolute;
    transform-origin: 0 0;
    transform: scaleY(0.5);
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-bottom: #cccccc 1px solid;
    z-index: 0;
  }
  .News_list{
    width: 100%;
    ul{
      width: 100%;
      li{
        width: 100%;
        padding-right: 14px;
        padding-left: 14px;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        position: relative;
        .tupian{
          width: 2.36rem;
          height: 1.46rem;
          margin-right: 0.2rem;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
        }
        .infor{
          flex: 1;
          height: 1.46rem;
          display: flex;
          flex-flow: row wrap;
          align-content:space-between;
          div{
            font-size: 0.34rem;
            color: #333333;
            width: 100%;
          }
          p{
            font-size: 0.24rem;
            color: #999999;
            span:first-child{
              margin-right: 0.1rem;
            }
          }
        }
      }
      li:after{
        content: "";
        position: absolute;
        transform-origin: 0 0;
        transform: scaleY(0.5);
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        border-bottom: #cccccc 1px solid;
      }
      li:after:last-child{
        border-bottom: none;
      }
    }
  }
}
.root{
  background-color: #ddecff;
  img{
    width: 7.5rem;
  }
  .Jurisdiction{
    height: 0.76rem;
    line-height: 0.76rem;
    text-align: center;
    font-size: 0.26rem;
    position: relative;
  }
  .Jurisdiction:before{
    content: "";
    position: absolute;
    transform-origin: 0 0;
    transform: scaleY(0.5);
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    border-top: #cccccc 1px solid;

  }

}
.Navr{
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: 1.2rem;
  background: #407fce;
  display: flex;
  flex-direction: row;
  align-items: center;
  img{
    width: 2.4rem;

  }
}